<template>
  <div class="newMv">
    <input type="text" v-model="inputValue" @keyup.enter="search" placeholder="请输入搜索歌曲Mv">
    <!-- 使用组件  当标签使用-->
    <songList ref="songList"></songList>
  </div>
</template>

<script>
// 导入组件
// import axios from 'axios'
import songList from '../components/songList'
import { getMvList, getSearchMv } from '../api/index'
export default {
  // 注册
  components:{
    songList
  },
  data() {
    return {
      inputValue:''

    }
  },
  methods: {
    // 获取搜索MV列表
    search(){
      getSearchMv({type:1004,keywords:this.inputValue}).then(res=>{
        let _temp=res.data.result.mvs
        _temp.forEach(item=>{
          item.picUrl=item.cover
          item.song={
            artists:item.artists,
            album:{
              name:item.name
            },
            duration:item.duration
          }
        })
       this.$refs.songList.type="mv"
        this.$refs.songList.list=_temp
        // window.console.log(res);
      })

      // axios({
      //   url:"https://autumnfish.cn/search?type=1004&keywords="+this.inputValue
      // }).then(res=>{
      //   let _temp=res.data.result.mvs
      //   _temp.forEach(item=>{
      //     item.picUrl=item.cover
      //     item.song={
      //       artists:item.artists,
      //       album:{
      //         name:item.name
      //       },
      //       duration:item.duration
      //     }
      //   })
      //  this.$refs.songList.type="mv"
      //   this.$refs.songList.list=_temp
      //   // window.console.log(res);
      // })

    }
  },
  created() {
      // 获取推荐MV、
      getMvList().then(res=>{
       let _temp=res.data.data
       _temp.forEach(item=>{
         item.picUrl=item.cover
         item.song={
           artists:item.artists,
           album:{
             name:item.name
           },
           duration:item.duration
         }
       })
       this.$refs.songList.type="mv"
       this.$refs.songList.list=_temp
        // window.console.log(_temp);
      })
      // axios({
      //     url:'https://autumnfish.cn/mv/all?ds='+Math.random()*9999
      // }).then(res=>{
      //  let _temp=res.data.data
      //  _temp.forEach(item=>{
      //    item.picUrl=item.cover
      //    item.song={
      //      artists:item.artists,
      //      album:{
      //        name:item.name
      //      },
      //      duration:item.duration
      //    }
      //  })
      //  this.$refs.songList.type="mv"
      //  this.$refs.songList.list=_temp
      //   // window.console.log(_temp);
      // })
  },

}
</script>

<style>
  .newMv{
    text-align: center;
  }
  .newMv input {
    width: 350px;
    height:40px;
    padding-left: 15px;
    outline: none;
  }
</style>